//假设main.js还是我们的入口文件
console.log('ok1234');
//webpack-dev-server打包好的main.js是托管到了内存中，所以在项目根目录中看不到，但是我们可以认为在项目根目录中有一个看不见的main.js

import React from 'react'//创建组件 虚拟DOM元素 生命周期
import ReactDOM from 'react-dom'//把创建好的组件和虚拟DOM 放到页面上去展示

//2.创建虚拟DOM元素
/**
 * 参数1：创建的元素的类型，字符串，表示元素的名称
 * 参数2：是一个对象或者null,表示当前这个DOM元素的属性
 * 参数3：子节点（包括 其它 虚拟DOM获取 文本子节点）
 * 参数n: 其它子节点
*/
const myh1 = React.createElement('h1',{id:'mh1',title:'this is h1'},'这是一个大大的H1');
const div1 = React.createElement('div',null,'this is div1',myh1)
//3.使用ReactDOM把虚拟DOM渲染到页面上
ReactDOM.render(div1,document.getElementById('app'));




const html = <h1>哈哈哈</h1>
/**
 * 需要loader，解析
 * 
*/